<template>
  <button :class="['zj-button', type]"><slot></slot></button>
</template>

<script setup lang="ts">
import { defineProps } from 'vue'
const props = defineProps(['type'])
defineOptions({
  inheritAttrs: false,
  name: 'zj-button'
})
</script>

<style scoped>
.zj-button {
  border: 1px solid #888;
  background: #fff;
  outline: none;
}
.primary {
  background: blue;
  border: 1px solid blue;
  color: #fff;
}
.success {
  background: green;
  border: 1px solid green;
  color: #fff;
}
</style>
